<template>
    <div id='landCard' class='landcard'>
        <div class="landcard-content">
            <div class="landcard-content-title">
                <div class="landcard-content-title-img">
                    <img :src="landImg">
                </div>
                <div class="landcard-content-title-title">宗地</div>
                <div class="landcard-content-title-tail">6<span>幢</span></div>
            </div>
            <div class="landcard-content-list">
                <div class="landcard-content-list-item">
                    <div class="landcard-content-list-item-label">行政区：</div>
                    <div class="landcard-content-list-item-value">齐齐哈尔市</div>
                </div>
                <div class="landcard-content-list-item">
                    <div class="landcard-content-list-item-label">地籍区：</div>
                    <div class="landcard-content-list-item-value">建华区</div>
                </div>
                <div class="landcard-content-list-item">
                    <div class="landcard-content-list-item-label">地籍子区：</div>
                    <div class="landcard-content-list-item-value">建园小区</div>
                </div>
                <div class="landcard-content-list-item">
                    <div class="landcard-content-list-item-label">所有权类型：</div>
                    <div class="landcard-content-list-item-value">G-国家土地所有权</div>
                </div>
                <div class="landcard-content-list-item">
                    <div class="landcard-content-list-item-label">不动产单元号：</div>
                    <div class="landcard-content-list-item-value">1231231231231231231231231231231231231231231231233123123123123</div>
                </div>
                <div class="landcard-content-list-item">
                    <div class="landcard-content-list-item-label">坐落：</div>
                    <div class="landcard-content-list-item-value">建华区建园小区106号楼3楼2345号</div>
                </div>
                <div class="landcard-content-list-item">
                    <div class="landcard-content-list-item-label">类型：</div>
                    <div class="landcard-content-list-item-value">使用权宗地</div>
                </div>
                <div class="landcard-content-list-item">
                    <div class="landcard-content-list-item-label">权力类型：</div>
                    <div class="landcard-content-list-item-value">3-国有农用地所有权</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: '',
    props: ['landImg'],
    data() {
        return {
        };
    },
    components: {},
    computed: {},
    beforeMount() { },
    mounted() { },
    methods: {},
    watch: {}
}
</script>
<style lang='less' scoped>
.landcard {
    &-content {
        &-title {
            position: relative;
            display: flex;
            height: 48px;
            line-height: 48px;
            width: 100%;
            border-bottom: 1px solid #e9ecf2;
            user-select: none;
            &-img {
                width: 20%;
                display: flex;
                height: 48px;
                align-items: center;
                padding: 0px 6px 0 12px;
                img {
                    width: 40px;
                    height: 40px;
                }
            }
            &-title {
                width: 20%;
                font-size: 16px;
                font-weight: 800;
            }
            &-tail {
                width: 60%;
                text-align: right;
                padding: 0 20px 0 0;
                font-size: 16px;
                font-weight: 800;
            }
        }
        &-list {
            user-select: none;
            width: 100%;
            color: #464c5b;
            &-item {
                margin-top: 8px;
                display: flex;
                &-label {
                    width: 40%;
                    text-align: right;
                    font-size: 16px;
                }
                &-value {
                    text-align: left;
                    width: 60%;
                    font-size: 16px;
                    word-wrap: break-word;
                    word-break: break-all;
                    overflow: hidden;
                    padding: 0 15px 0 0;
                }
            }
        }
    }
}
</style>